<!--
 * @Description: 第二十四章（兄弟组件传参和Bus） 使用Event bus
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-18 16:07:18
-->
<template>
  <h1>我是A组件</h1>
  <div class="A">
    <el-button type="primary" @click="emitB">向B派发一个事件</el-button>
  </div>
</template>
<script setup lang="ts">
import Bus from '../../Bus'
let flag = false
const emitB = () => {
  flag = !flag
  // emit('on-click', flag)
  Bus.emit('shijian', flag)
}
</script>
<style scoped>
h1,
h2,
hr {
  margin: 10px 0;
}

.A {
  width: 200px;
  height: 200px;
  color: #fff;
  background-color: blue;
}
</style>
